
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
       <p>{{msg}}</p>
       <p>{{num}}</p>
       <p>{{bool}}</p>
       <p>{{und}}</p>
       <p>{{nulls}}</p>
       <p>{{fn()}}</p>
       <p>{{arr}}</p>
       <p>{{1+1}}</p>
       <p>{{3>2?"大于":"小于"}}</p>
    </div>
    <script src="./base/vue.js"></script>
    <script>
      //实例data里的数据类型可以是任意类型的
      //{{}} 里面只能写表达式！！！
      new Vue({
        el:"#app",
        data:{
          msg:"hello world!",
          num:2,
          bool:false,
          und:undefined,//undefined是不会显示的！
          nulls:null,//null是不会显示的！
          fn:function(){return 3},
          arr:[1,2,3]
        }
      })
    </script>
</body>
</html>